/*头部*/
.course-header{
	height: 84px;
	background: #000;
}
.course-logo{
	padding-top: 13px;
}
.course-logo a{
	display: block;
	width: 178px;
	height: 57px;
	background: url(../img/logo_course.png) no-repeat center center;
	overflow: hidden;
}
.container {
    overflow:hidden;
    width:960px;
    margin:20px auto;
}
/*全部课程*/
.course-nav-hd .blod{
	font-size: 18px;
	font-weight: bold;
	margin-right: 3px;
}
.blod a{
	color: #000;
}
.course-nav-hd .step{
	margin: 0 6px 0 5px;
	font-size: 14px;
}
.module{
	font-size: 14px;
}

/*视频课程*/
.course-nav-hd{
	position: relative;
	height: 30px;
	padding: 15px 0;
	line-height: 30px;
	font-size: 18px;
}
.course-nav-row{
	padding: 15px 0 5px;
	border-bottom: 1px solid #ddd;
}
.course-nav-hd{
	border-bottom: 1px solid #ccc;
}

/*免费视频*/
.imgtext-course{
	position: relative;
	min-height: 388px;
	padding-top: 43px;
}
.imgtext{
	width: 600px;
	height: 390px;	
}
.text-right{
	margin-left: 77px;
}
.score{
	position: relative;
	margin: 33px 0;
}
.text-msg span{
	display: inline-block;
	margin-right: 36px;
}
.frequency,.collect{
	padding-left: 20px;
}
.frequency em{
	color: #ff0000;
}
.frequency{
	background: url(../img/icon_play.png) no-repeat left center;
}
.collect{
	background:url(../img/soucang.png) no-repeat left center;
}
.collect em{
	color: red;
}
.score span{
	display:inline-block;
	float: left;
}
#star{
	margin-left: 65px;
}
.text-right .prices{
	display: block;
	margin: 40px 0;
	color: #3079ff;
}
.oper-bar span{
	display: block;
	width: 220px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	background: #3079FF;
	cursor: pointer;
}
.oper-bar span:hover{
	background: #4daed6;
}
.course-price{
	margin-top: 80px;
}
.price-left{
	width: 885px;
	margin-right: 50px;
}
.price-left-tab ul{
	height: 50px;
	border-bottom: 2px solid #e5e5e5;
}
.price-left-tab ul li{
	display: inline-block;
	width: 120px;
	height: 50px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.price-left-tab ul li.active{
	color: #49b4e1;
	border-bottom: 2px solid #49b4e1;
}
.price-left-bd{
	padding-top: 23px;
}
.price-left-bd p{
	text-indent: 20px;
	line-height: 27px;
	text-align: justify;
}
.price-right{
	width: 265px;
	margin-bottom: 60px;
}
.price-right h4{
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e5e5e5;
}
.user-info{
	padding: 30px 0 20px 90px;
}
.price-right .user-info img{
	float: left;
	width: 80px;
	height: 80px;
	margin-left: -90px;
	border-radius: 100%;
}
.user-msg .user{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.user-info-right{
	margin-left: 30px;
}
.user-info-right .follow{
	width: 45px;
	height: 20px;
	padding: 5px 10px;
	margin-left: 10px;
	line-height: 20px;
	text-indent: 20px;
	color: #fff;
	background: #49b4e1;
	cursor: pointer;
}
.user-info-right .video,.user-info-right .fans{
	display: block;
}
.user-msg{
	margin-bottom: 16px;
}
.user-info-tip{
	position: relative;
	padding: 17px;
	background: #ececec;
}
.user-info-tip:before{
	content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 0 none;
    border-bottom-color: #edf1f2
}

/*星星*/
.description{
	clear:both;
	padding:10px 0px;
}
.star{
	position:relative;
	height:20px;
	width:120px;	
	background:url(../img/star.png) -1px -22px repeat-x;
	cursor:pointer;
}
.star li{
	float:left;
	padding:0px;
	margin:0px;
}
.star li a{
	position:absolute;
	z-index:5;
	display:block;
	width:24px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;	
}
.star li a:hover{
	z-index:3;
	left:0;
	background:url(../img/star.png) repeat-x;	
}
.star a.one-star{
	left:0;
}
.star a.one-star:hover{
	width:24px;
}	
.star a.two-stars{
	left:24px;
}
.star a.two-stars:hover{
	width:48px;
}
.star a.three-stars{
	left:48px;
}
.star a.three-stars:hover{
	width:72px;
}
.star a.four-stars{
	left:72px;
}
.star a.four-stars:hover{
	width:96px;
}
.star a.five-stars{
	left:96px;
}
.star a.five-stars:hover{
	width:120px;
}
.current-rating{
	position:absolute;
	z-index:1;		
	top:0;
	left:65px;
	height:20px;
	background:url(../img/star.png)  repeat-x;
}
.price-ml{
	padding:23px 35px 0 35px;
}
.comment-star{
	display: inline-block;
	height:20px;
	width:120px;
	margin-left: 10px;	
	vertical-align: middle;
}
.comment-star li{
	float:left;
	width: 20px;
	height: 18px;
	padding:0px;
	margin:0px;
	text-indent: -9999px;
	background:url(../img/star.png) -1px -22px repeat-x;
}
.comment-star li.active{
	display: inline-block;
	width:20px;
	height: 18px;
	background:url(../img/star.png) -1px -1px repeat-x;
}
.comment-msg .comment-star{
	width: 185px;
	height: 20px;
	margin-left: 0;
}
.evaluate{
	margin-top: 20px;
}

/*报名弹窗*/
.popup-course .mod{
	padding-left: 140px;
}
.popup-course .enroll-content{
	padding-bottom: 10px;
}
.popup-course .price{
	font-size: 18px;
	color:#49b4e1 ;
}

/*弹窗*/	
.popup,.alert-box{ 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(52, 54, 66, 0.9); 
 z-index: 3; 
 overflow-y: auto; 
 visibility: hidden; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; 
 -moz-transition: opacity 0.3s 0, visibility 0 0.3s; 
 transition: opacity 0.3s 0, visibility 0 0.3s; 
} 
.popup.is-visible,.alert-box.is-visible{ 
 visibility: visible; 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0; 
 -moz-transition: opacity 0.3s 0, visibility 0 0; 
 transition: opacity 0.3s 0, visibility 0 0; 
} 
.enroll{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -298px;
	margin-top: -148px;
	width: 596px;
	height: 296px;
	background: #fff;
	border-radius: 5px;
}
.enroll-content{
	padding: 40px;
}
.enroll-title{
	text-indent: 10px;
	color: #fff;
	background: #49b4e1;
	border-radius: 5px 5px 0 0;
}
.enroll-content img{
	width: 90px;
	height: 50px;
	margin-right: 10px;
}
.enroll-right h4{
	margin-bottom: 5px;
}
.enroll-right a{
	color: #666;
}
.mod{
	padding-left: 40px;
}
.mod-money{
	font-size: 18px;
	color: #49b4e1;
}
.tips-tool{
	margin-right: 40px;
	text-align: right;
	padding-top:60px;
}
.tips-tool .go,.tips-tool .cancel{
	display: inline-block;
	width: 90px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.tips-tool .go{
	margin-right: 50px;
	color: #fff;
	background: #49b4e1;
}
.tips-tool .go:hover{
	background:#41bdf2;
}
.tips-tool .cancel{
	border:1px solid #b0b0b0;
	background: #f4f4f4;
}
.tips-tool .cancel:hover{
	background: #e9e8e8;
}
.alert-tips{
	position: relative;
	width: 506px;
	height: 86px;
	padding: 20px 15px;
	background: #fff;
}
.alert-tips-succ{
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-right: 20px;
	background: url(../img/alert-tips.png) no-repeat left center;
}
.alert-tips-msg{
	margin-top: 5px;
}
.alert-tips-title{
	font-size: 18px;
	font-weight: bold;
}
.alert-click{
	position: absolute;
	display: block;
	top:10px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url(../img/x.png) no-repeat center center;
	cursor: pointer;
}
.alert-hd{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -268px;
	margin-top: -43px;
}
/*评论*/
.comment-title{
	padding: 10px 0 5px 0;
	background: #f3f3f3;
	border: 1px solid #e5e5e5;
}
.comment-statistics{
	position: relative;
}
.comment-statistics,.filter-comment-rank{
	display: inline-block;
}
.comment-statistics span{
	display: inline-block;
	font-size: 16px;
	text-indent: 15px;
}
.comment-statistics span em{
	font-weight: bold;
	font-size: 22px;
	color: #49b4e1;
	vertical-align:middle;
}
.comment-statistics .star{
	display: inline-block;
	margin-left: 10px !important;
	vertical-align: text-bottom;
}
.filter-comment-rank span{
	margin-left: 30px;
}
.filter-comment-rank .comment-num{
	margin-left: 105px;
}
.comment-tips{
	position: relative;
	height: 115px;
	border-bottom:1px solid #e5e5e5;
}
.comment-tips-user{
	display:block;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 100%;
}
.comment-tips{
	padding-top: 20px;	
}
.comment-user{
	margin-right: 25px;	
}
.comment-user span{
	display: block;
	margin-top: 10px;
}
.comment-tips-msg .star{
	margin-left: 0!important;
}
.comment-tips-title{
	margin:10px 0 20px 0;
}
.comment-list .time{
	margin: 0;
}
.actions{
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
}
.actions .actions-icon{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	background: url(../img/actions-icon.png) no-repeat left center;
}
.actions:hover .actions-icon{
	background: url(../img/actions-icon_hover.png) no-repeat left center;
}
.actions:hover em{
	color: #81c4e4;
}
.score-comment{
	display:inline-block;
	width: 47px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #49b4e1;
	border:1px solid #49b4e1;
}
.comment-btn{
	width: 290px;
	height: 58px;
	margin: 30px auto 20px;
	line-height: 58px;
	text-align: center;
	font-size: 22px;
	color: #333333;
	background: #ececec;
	cursor: pointer;
}

/*举报*/
.report{
	display: inline-block;
	margin-top: 10px;
}
.report a{
	color: #000;
}
.report a:hover{
	color: #49b4e1;
}

/*全局搜索*/
.search-warp {
  float: right;
  position: relative;
  margin-right: 15px;
}
.search-warp i {
  display: block;
  width: 30px;
  height: 31px;
  color: #757a7e;
  font-size: 22px;
  line-height: 31px;
  cursor: pointer;
  background: url(../img/seach.png) no-repeat center 50%;
}
.search-warp i:hover {
  color: #fff;
}
.search-warp .showhide-search {
  width: 30px;
  height: 38px;
  line-height: 38px;
  text-align: right;
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
}
.search-area {
  float: right;
  position: relative;
  height: 38px;
  width: 210px;
  border-bottom-color: rgba(120, 125, 130, 0.8);
  zoom: 1;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}
.search-area.min {
  width: 0px;
  border-color: #000;
}
.search-area .search-input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  float: left;
  color: #ccc;
  text-indent: 5px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.search-result{
	width: 210px;
    border: 1px solid #bcbcbc;
    position: absolute;
    left: 0;
    top: 31px;
    background: #fff;
    box-shadow: 1px 3px 8px -2px rgba(0,0,0,0.4);
}
.search-result li{
	padding: 0 5px;
	font-size: 14px;
}
.search-result li:hover{
	color: #fff;
	background:#CCC;
	cursor: pointer;
}
.case{
	margin: 5px;
	font-size: 12px;
	border:1px solid #ccc;
	text-align: center;
}

/*底部*/		
.footer{
	height: 110px;
	background:#000;
}
#main{
	padding-bottom: 20px;
}
.footer{
	padding-top: 25px;
	color: #fff;
	text-align: center;
}
.footer span{
	margin: 0 15px;
}
.footer a{
	color: #fff;
}
.footer a:hover{
	text-decoration:underline;
}
.footer p{
	margin: 10px 0;
}
.video-info{
	margin-bottom: 50px;
}
/*评价*/
.score-comment{
	position: absolute;
	right: 80px;
	top: 0px;
	cursor: pointer;
}

/*文本域*/
.pl-input-warp textarea{
	display: block;
	height: 70px;
	width: 100%;
	resize: none;
	font-size: 13px;
	color: #555;
	line-height: 18px;
}
.pl-input-warp{
	position: relative;
	border: 1px solid #d3dce0;
	padding: 8px 6px;
}
.input-btm{
	text-align: right;
	padding: 40px 0 30px 0;
	border-bottom:1px solid #d3dce0;
}
.input-btn-pl{
	display:inline-block;
	width: 142px;
	height: 40px;
	color: #fff;
	background: #49b4e1;
	font-size: 14px;
	cursor: pointer;
}
.num-limit{
	position: absolute;
	font-size: 12px;
	right: 10px;
	bottom: 5px;
	color: #d0d6d9;
}
/*视频管理*/
.videoMt .text-msg{
	margin-top: 32px;
}
.videoMt .prices{
	display: inline-block;
	margin-right: 55px;
	margin-top: 20px;
}
.videoMt .time{
	color: #666;
}
.videoMt-dit,
.videoMt-del{
	display: inline-block;
	width: 95px;
	height: 40px;
	margin-right: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #49b4e1;
	cursor:pointer;	
}
.videoMt .imgtext{
	width: 474px;
	height: 293px;
}
.videoMt .imgtext img{
	width: 474px;
	height: 293px;
}
.videoBd .release-left{
	width: 100%;
}

/*头部*/
.course-header{
	height: 84px;
	background: #000;
}
.course-logo{
	padding-top: 13px;
}
.course-logo a{
	display: block;
	width: 178px;
	height: 57px;
	background: url(../img/logo_course.png) no-repeat center center;
	overflow: hidden;
}

/*全部课程*/
.course-nav-hd .blod{
	font-size: 18px;
	font-weight: bold;
	margin-right: 3px;
}
.blod a{
	color: #000;
}
.course-nav-hd .step{
	margin: 0 6px 0 5px;
	font-size: 14px;
}
.module{
	font-size: 14px;
}
/*视频课程*/
.course-nav-hd{
	position: relative;
	height: 30px;
	padding: 15px 0;
	line-height: 30px;
	font-size: 18px;
}
.course-nav-row{
	padding: 15px 0 5px;
	border-bottom: 1px solid #ddd;
}
.course-nav-hd{
	border-bottom: 1px solid #ccc;
}
.course-nav-row .hd{
	display: inline-block;
	width: 70px;
	height: 20px;
	text-align: right;
}
.course-nav-item{
	display: inline-block;
	margin: 0 13px;
	overflow: hidden;
}
.bd{
	margin-left: 70px;
}
.course-nav-item a{
	display: block;
	padding: 0 5px;
	height: 20px;
	line-height:20px;
	margin-bottom: 10px;	
}
.course-nav-item a:hover {
	color:#ba2636;
}
.on a{
	color: #fff;
	background:#5ac0eb;
}
.on a:hover{
	color: #fff;
}
.nav-tool-bar{
	margin-top: -1px;
	height:40px;
	padding-right: 20px;
	line-height: 40px;
	background:#f9f9f9;
	border-top: 1px solid #ccc;
}
.tool-letf a{
	margin:0 20px;
}
.tool-letf .active{
	color: #5ac0eb;
}
.pager-cur{
	font-weight: normal;
	color: red;
}
.pager-total{
	font-weight: normal;
}
.tool-right{
	overflow: hidden;
}
.tool-right a{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	vertical-align: middle;
	border:1px solid #c8cdd2;
}
.pager-prev{
		opacity: 0.5;
	filter:alpha(opacity=50);
	width: 7px;
	height: 13px;
	background: url(../img/prev-1.png) no-repeat center center;	
}
.pager-prev:hover{

	 
	background: url(../img/prev.png) no-repeat center center;
}
.pager-next{
		opacity: 0.5;
	filter:alpha(opacity=50);
	width: 7px;
	height: 13px;
	background: url(../img/next-1.png) no-repeat center center;	
}
.pager-next:hover{


	background: url(../img/next.png) no-repeat center center;
}
.tool-right .active{
	border:1px solid #14191e;
	opacity:1;
	filter:alpha(opacity=100);		
}
.nav-list ul{
	margin: 0 -20px 0 -60px;
}
.nav-list{
	padding-top: 10px;
}
.nav-list li{
	float: left;	
	margin: 0 0 8px 38px;
	height: 250px;
	width: 240px;
	padding: 20px 20px 0;
}
.nav-list .title{
	margin-top: 10px;
	font-weight: bold;
}
.nav-list .desc{
	margin: 5px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #999999;
	font-size: 12px;
}
.time{
	display: inline-block;
	margin: 0 23px;
}
.author-warp{
	font-size: 12px;
}
.nav-list li{
	transition: all .4s;
	-moz-transition: all .4s; 
	-webkit-transition: all .4s; 
	-o-transition: all .4s;
	transition: all .4s;
}
.nav-list li:hover{
	transform:translate(-10px,0);
	-ms-transform:translate(-10px,0);
	-moz-transform:translate(-10px,0);
	-webkit-transform:translate(-10px,0);
	-o-transform:translate(-10px,0);
	transform: translate(-10px,0);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.figure{
	width: 100%;
}
.figure img{
	width: 240px;
	height: 135px;
}
.course-header{
	height: 84px;
	background: #000;
}
.course-logo{
	padding-top: 13px;
}
.course-logo a{
	display: block;
	width: 178px;
	height: 57px;
	background: url(../img/logo_course.png) no-repeat center center;
	overflow: hidden;
}
.course-nav-hd .blod{
	font-size: 18px;
	font-weight: bold;
	margin-right: 3px;
}
.blod a{
	color: #000;
}
.course-nav-hd .step{
	margin: 0 6px 0 5px;
	font-size: 14px;
}
.module{
	font-size: 14px;
}
/*全局搜索*/
.search-warp {
  float: right;
  position: relative;
  margin-right: 15px;
}
.search-warp i {
  display: block;
  width: 30px;
  height: 31px;
  color: #757a7e;
  font-size: 22px;
  line-height: 31px;
  cursor: pointer;
  background: url(../img/seach.png) no-repeat center 50%;
}
.search-warp i:hover {
  color: #fff;
}
.search-warp .showhide-search {
  width: 30px;
  height: 38px;
  line-height: 38px;
  text-align: right;
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
}
.search-area {
  float: right;
  position: relative;
  height: 38px;
  width: 210px;
  border-bottom-color: rgba(120, 125, 130, 0.8);
  zoom: 1;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}
.search-area.min {
  width: 0px;
  border-color: #000;
}
.search-area .search-input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  float: left;
  color: #ccc;
  text-indent: 5px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.search-result{
	width: 210px;
    border: 1px solid #bcbcbc;
    position: absolute;
    left: 0;
    top: 31px;
    background: #fff;
    box-shadow: 1px 3px 8px -2px rgba(0,0,0,0.4);
}
.search-result li{
	padding: 0 5px;
	font-size: 14px;
}
.search-result li:hover{
	color: #fff;
	background:#CCC;
	cursor: pointer;
}
.case{
	margin: 5px;
	font-size: 12px;
	border:1px solid #ccc;
	text-align: center;
}
/*我发布的视频*/
.release{
	width: 970px;
	margin: 0 auto;
}
.release .course-nav-hd{
	border:none;
}
.release-right{
	width: 170px;
	border: 1px solid #aaa;
}
.release-right ul{
	padding: 15px 0;
}
.release-right ul li{
	padding:6px 0;
	text-indent: 25px;
	cursor: pointer;
}
.release-right ul li.active{
	color:#5ac0eb;
	border-left: 2px solid #5ac0eb;
}
.release-left{
	width: 760px;
}
.release-title{
	height: 40px;
	line-height: 40px;
	background: #f2f2f2;
}
.release-title span{
	font-size: 16px;
	margin-left: 40px;
	cursor: pointer;
}
.release-title span.active{
	font-weight: bold;
	color: #5ac0eb;
}
.release-bd-title{
	margin-bottom: 10px;
}
.release-bd-title span{
	display: inline-block;
	margin-left: 31px;
	padding: 10px 15px;
	cursor: pointer;
}
.release-bd-title span.active{
	color: #5ac0eb;
	border-bottom: 1px solid #5AC0EB;
}
.release-edit{
	line-height: 28px;
}
.release-edit input{
	width: 17px;
	height: 17px;
	margin-right: 4px;
	background: #fff;
	border: 1px solid #ccc;
}
.release-del{
	margin: 0 33px;
	cursor: pointer;
}
.release-bd-top{
	margin: 28px 0 28px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.release-box{
	position: relative;
	width: 121px;
	height: 27px;
	margin-right: 33px;
	line-height: 27px;
	text-indent: 10px;
	border: 1px solid #aaa;
	background: url(../img/aside.png) no-repeat 95% center;
	cursor: pointer;
}
.release-seach{
	width: 143px;
	margin-right: 0;
	background: url(../img/seach.png) no-repeat 95% center;
}
.release-content-left a img{
	width: 160px;
	height: 75px;
}
.release-content-left input{
	width: 17px;
	height: 17px;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
.release-course{
	margin-left: 26px;
}
.release-course h4{
	margin-bottom: 25px;
	font-weight: 400;
	color:#5AC0EB ;
}
.release-bd-content{
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.release-icon{
	display: inline-block;
	width: 15px;
	height: 16px;
	background:url(../img/release-icon.png) no-repeat left center;
}
.release-free{
	display: inline-block;
	margin: 0 20px;
}
.release-free em,{
	color: red;
}
.release-content-left .edits-go{
	color: red;
}
.release-content-left .text-msg{
	margin:0 60px 0 110px;
}
.release-content-left .text-msg span{
	display: block;
	cursor: pointer;
}
.release-content-left .text-msg span.frequency{
	margin-bottom: 25px;
}
.edits{
	position: relative;
	margin-top: 20px;
	width: 70px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 5px;
	color: #5AC0EB;
	border: 1px solid #5AC0EB;
	cursor: pointer;
}
.edits ul{
	border-radius: 5px;
	width: 72px;
	position: absolute;
	top: 28px;
	left: 0;
	color: #fff;
	background:#5AC0EB;
}
.release-bd-list>ul>li:nth-child(2n+1){
	margin-right: 50px;
}
.release-bd-list .edits ul li{
	width: 72px;
	border-radius: 5px;
	margin-bottom: 0;
}
.release-page{
	margin: 40px 0 30px 170px;
}
.release-img{
	width: 350px;
	height:195px;
}
.release-list h4{
	margin: 15px 0;
	color:#5AC0EB ;
}
.release-bd-list li{
	float: left;
	width: 350px;
	margin-bottom: 20px;
}
.release-num{
	margin-left: 165px;
	padding-left: 20px;
	display: inline-block;
	background: url(../img/icon_play.png) no-repeat left center;
}
.release-bd-title .new-re{
	margin-top: 10px;
	padding: 5px 15px;
	border-radius: 5px;
	color:#5AC0EB ;
	border: 1px solid #5AC0EB;
}
.release-bd-title .new-re:hover{
	color: #fff;
	background:#5AC0EB ;
}
.release-bd-enroll{
	margin-top: 26px;
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc;
}
.release-bd-enroll .release-free{
	margin-left: 0;
}
.release-bd-enroll .release-free em{
	color: red;
}
.release-progress{
	display: inline-block;
	margin-left: 75px;
	margin-top: 30px;
	width: 80px;
    color: #24bd20;   
}
.release-bd-enroll .edits{
	margin-left: 70px;
	margin-right: 75px;
}
.release-content-left{
	position: relative;
}
.release-content-icon{
	position: absolute;
	top: 0;
	right: 15px;
	display: inline-block;
	width: 16px;
	height: 9px;
	background: url(../img/aside.png) no-repeat left center;
	cursor: pointer;
}

.class-list{
	position: absolute;
	top: 12px;
	right: 12px;
}
.class-list ul{
	background: #e5e5e5;
}
.class-list ul li{
	padding: 4px 5px;
	cursor: pointer;
}
.class-list ul li:hover{
	color: #fff;
	background: #5ac0eb;
}

.release-lists{
	position: absolute;
	top: 27px;
	left: -1px;
	z-index: 10;
	width: 121px;
	border: 1px solid #ccc;
	background: #fff;
}
.release-box ul li{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.release-box ul li:hover{
	color: #fff;
	background: #5AC0EB;
}
.progress-box{
	position: relative;
}
.progress-box span{
	position: absolute;
	right: -150px;
	top: -3px;
	display: inline-block;
}
.progress-warp{
	margin-bottom: 20px;
}
/*我的试卷*/
.paper{
	position: relative;
	width: 180px;
	height: 24px;
	line-height: 24px;
	text-indent: 10px;
	margin-right:70px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.paper-wrap{
	margin-top: 20px;
	margin-bottom: 20px;
}
.paper-time{
	background: url(../img/aside.png) no-repeat 95% center;
}
.paper-main{
	width: 100px;
	background: url(../img/aside.png) no-repeat 95% center;
}
.paper-list{
	position: absolute;
	left: -1px;
	top: 24px;
	width: 180px;
	border: 1px solid #ccc;
	background: #fff;
}
.paper-main .paper-list{
	width: 100px;
}
.paper-list ul li:hover{
	color: #fff;
	background: #5AC0EB;
}
.paper-wrap .release-seach{
	width: 180px;
}
/*试卷分类打分*/
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
    border: 1px solid #d3d8dc;
}
.tab-warp table tr th{
	line-height: 30px;
	background: #f0f5f7;
	text-align: center;
	font-weight:400;
	color: #5c6d81;
}
.tab-warp table tr td{
	line-height: 80px;
	text-align: center;
	border-bottom: 1px solid #edebec;
}
.tab-warp table tr:hover{
	background: #eee;
	cursor: pointer;
}
.c-td{
	color: #5AC0EB;
}
.c-su{
	color: #24bd20;
}
.c-er{
	color: #ff0000;
}
.preview span{
	display: inline-block;
	width: 50px;
	height: 25px;
	line-height: 25px;
	color: #5AC0EB;
	border: 1px solid #5AC0EB;
	border-radius: 3px;
}
.preview span:hover{
	color: #fff;
	background:#5AC0EB;
}
/*视频管理我的收藏*/
.house-r,.house-d{
	margin-right: 8px;
}
.house,.house-del{
	margin-left: 38px;
	cursor: pointer;
}
.edit-collection{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.edit-collection-wrap .release-contents img{
	width: 177px;
	height: 77px;
	margin-left: 10px;
}
.edit-list{
	padding:15px 0;
	border-bottom:1px solid #ccc;
}
.edit-list .text-msg span{
	display: block;
}
.edit-list .text-msg span.frequency{
	margin-bottom: 22px;
}
.edit-list .text-msg{
	margin-left: 40px;
}
.edit-list .release-progress{
	margin-left: 35px;
}
.edit-edits,.edit-del{
	cursor: pointer;
}
.release-contents a{
	display: inline-block;
}
/*底部*/
.footer{
	height: 110px;
	background:#000;
}
#main{
	padding-bottom: 20px;
}
.footer{
	padding-top: 25px;
	color: #fff;
	text-align: center;
}
.footer span{
	margin: 0 15px;
}
.footer a{
	color: #fff;
}
.footer a:hover{
	text-decoration:underline;
}
.footer p{
	margin: 10px 0;
}
.complete{
	color:red;
}
/*专辑*/
.release-box .radio li:hover{
	color: #333;	
	background: #fff;	
}
.release-box input[name="radio"]{
	margin-right: 10px;
}
.release-box .new-cd{
	width: 100px;
	padding-left: 20px;
	color:#5ac0eb;
}
.is-visible{
	z-index: 20;
}
/*弹窗*/
.hold-warp{
	width: 800px;
	height: 400px;
	margin-top: -200px;
	margin-left: -400px;
}
.hold-warp ul li{
	margin-bottom: 30px;
}
.hold-warp input{
	width: 220px;
	padding: 7px 4px;	
	border: 1px solid #d1d1d1;
}
.hold-title{
	margin-right: 90px;
}
.hold-classification{
	position: relative;
}
.hold-classification input{
	width: 270px;
}
.hold-classification label{
	margin-top: 6px;
}
.hold-classification ul{
	position: absolute;
	z-index: 5;
	width: 278px;
	top: 32px;
	left: 50px;
	border: 1px solid #d1d1d1;
	background: #ffff;
}
.hold-item{
	width: 270px;
	padding: 5px 4px;
	border: 1px solid #d1d1d1;
	background:url(../img/aside.png) no-repeat 95% center;
	cursor: pointer;
}
.hold-item span{
	color: #666;
}
.hold-warp textarea{
	vertical-align: text-top;
	width: 640px;
	height: 100px;
	border: 1px solid #d1d1d1;
}
.hold-warp label{
	width: 50px;
	display: inline-block;
}
.hold-warp label em{
	color: red;
}
.hold-content{
	padding: 45px 50px 15px 50px;
}
.hold-warp .tips-tool{
	text-align: right;
	margin-right: 100px;
	padding:0px;	
}
.hold-warp .tips-tool a{
	display: inline-block;
	width: 90px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.hold-btn{
	margin-right: 30px;
	color: #fff;
	background:#5AC0EB;
}
.hold-cancel{
	color: #777;
	background: #f4f4f4;
}
.enroll-title-icon{
	position: absolute;
	right: 10px;
	top: 4px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background:url(../img/enroll-title-icon.png) no-repeat 95% 0px;
}
/*试卷管理*/
.seach-input{
	width: 190px;
	margin-top: 15px;
	margin-left: 210px;
	
}
.seach-input +span{
	color:#5AC0EB;
}
/*查询成绩*/
.paper-msg{
	width: 380px;
	height: 190px;
	margin: 0 auto;
	margin-top: 50px;
	border: 1px solid #d1d1d1;
}
.release-left .examination-login{
	width: 350px;
	height: 500px;
	padding: 0;
	margin: 50px auto 0px;
	border: none;
}
.release-left .matters{
	color: red;
}
.release-left .examination-login input{
	text-indent: 10px;
}
.release-left .examination-login .start-test{
	display: inline-block;
	width: 108px;
	height: 35px;
	margin-top: 50px;
	margin-left: 145px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #49b4e1;
	cursor: pointer;
}
.msg-list-m li:hover{
	background:#fff;
}

/*分页*/
.page{
	margin: 25px 0 auto;
	text-align: center;
}
.page span{
	display: inline-block;
	padding: 0 5px;
	height: 39px;
	line-height: 39px;
	color: #c8cdd2;
	text-align: center;
}
.page a{
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
	min-width: 20px;
	height: 29px;
	line-height: 30px;
	color: #787d82;
	text-align: center;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	transition: border-color 0.2s;
}
.page a.active{
	background: #5ac0eb;
	color: #ffffff;
	border-color: transparent;
}
.page a:hover{
	color: #5ac0eb;
	border-bottom: 1px solid #5ac0eb;
}
.videoBd .page{
	margin: 40px 0 30px 170px;
}
.videoBd .edit-student{
	margin-top: 20px;
}

/*我的学员*/
.edit-student .student{
	line-height: 40px;
	vertical-align: top;
}
.edit-student .student-d td{
	border: transparent;
}
.students{
	height: 40px;
	line-height: 30px;
}
.edit-student .student-d td {
    border: transparent;
}
.edit-student .student {
    line-height: 40px;
    vertical-align: top;
}
.edit-student .tab-warp table tr td{
	line-height:54px;
}
.edit-student .tab-warp tr:hover{
	background: #fff;
}
.edit-student .tab-warp table tr td span{
	margin-right: 10px;
	padding:6px;
	border: 1px solid #49B4E1;
	border-radius: 3px;
	color: #49B4E1;
	background: #fff;
}
.edit-student .tab-warp table tr td span:hover{
	color: #fff;
	background: #49B4E1;
}

.subject-title{
	padding-top: 12px;
}
.subject-title .house-d{
	margin-top: 4px;
}
.subject-title .house-del{
	margin-right: 20px;
	margin-left: 20px;
}
.subject-title .paper-time{
	margin-right: 30px;
}
.subject-title .paper-main{
	margin-right: 26px;
}
.subject-title .seach-input{
	margin: 0;
}
 .subject-title .paper{
 	height: 27px;
 	line-height: 27px;
 }
.subject-title .new-re{
	width: 69px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #5AC0EB;
	border: 1px solid  #5AC0EB;;
}
.subject-list{
	padding: 35px 0;
	border-top: 1px solid #e5e5e5;
}
.subject-title{
	margin-bottom: 55px;	
}
.subject-list p{
	width: 400px;
	margin-right: 55px;
	padding-left: 14px;
}
.subject-time,.subject-preview,.subject-option{
	display: inline-block;
	text-align: center;
}
.subject-option{
	width: 105px;
	color: #666;	
}
.subject-option:hover{
	color: #49B4E1;
	cursor: pointer;
}
.subject-time{
	width: 110px;
	margin:0 100px;
	color: #666;
}
.subject-preview{
	position: relative;
	width: 50px;
	padding: 2px 0;
	border-radius: 3px;
	color: #49B4E1;
	border: 1px solid #49B4E1;
	cursor: pointer;
}
.subject-preview:hover{
	color: #fff;
	background: #49B4E1;
}
.subject-preview ul{
	position: absolute;
	left: -1px;
	top: 25px;
	width: 50px;
	border: 1px solid #49B4E1;
	border-radius: 3px;
	background: #fff;	
}
.subject-preview ul li{
	color: #49B4E1;
	background: #fff;	
}
.subject-preview ul li:hover{
	color: #fff;
	background: #49B4E1;
}
/*我的学员*/
.edit-student .student{
	line-height: 40px;
	vertical-align: top;
}
.edit-student .student-d td{
	border: transparent;
}
.students{
	height: 40px;
	line-height: 30px;
}
.edit-student .student-d td {
    border: transparent;
}
.edit-student .student {
    line-height: 40px;
    vertical-align: top;
}
.edit-student .tab-warp table tr td{
	line-height:54px;
}
.edit-student .tab-warp tr:hover{
	background: #fff;
}
.edit-student .tab-warp table tr td span{
	margin-right: 10px;
	padding:6px;
	border: 1px solid #49B4E1;
	border-radius: 3px;
	color: #49B4E1;
	background: #fff;
}
.edit-student .tab-warp table tr td span:hover{
	color: #fff;
	background: #49B4E1;
}

/*试卷设置*/
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
    border: 1px solid #d3d8dc;
}
table tr th{
	height: 37px;
	line-height: 37px;
	background: #f8f7f7;
	text-align: center;
	font-weight:400;
	color: #5c6d81;
}
table tr td{
	line-height: 80px;
	text-align: center;
	border-bottom: 1px solid #edebec;
}
table tr td input{
	width: 80px;
	height: 30px;
	border: 1px solid #d0d0d0;
	text-indent: 5px;
}
.preview span{
	display: inline-block;
	width: 50px;
	height: 25px;
	line-height: 25px;
	color: #5AC0EB;
	border: 1px solid #5AC0EB;
	border-radius: 3px;
}
.preview span:hover{
	color: #fff;
	background:#5AC0EB;
}
.fraction{
	width: 450px;
	margin: 35px auto 120px;
}
.fraction span{
	display: inline-block;
	width: 107px;
	height: 40px;
	margin-right: 99px;
	line-height: 40px;
	text-align:center;
	color: #fff;
	background: #50bbe8;
	cursor: pointer;
}
.releaseList .fractionx{
	height: 38px;
	color: #50bbe8;
	background: #fff;	
	border: 1px solid #50bbe8;
}
.releaseList .fractionx:hover{
	color: #fff;
	background: #50bbe8;
}
.chapter-list{
	position: relative;
}
.chapter-add{
	position: absolute;
	bottom: -60px;
	left: 0px;
}
.chapter-list label,
.chapter-err{
	font-size: 16px;
}
.chapter-list input{
	border: 1px solid rgb(210, 210, 210);
	width: 300px;
	height: 23px;
	margin-left: 11px;
	margin-right: 10px;
	text-indent: 3px;
}
.chapter-list ul{
	padding-left: 13px;
	padding-top: 10px;	
}
.chapter-list ul input{
	margin-left: 0;
}
.chapter-list ul li{
	position: relative;
	margin-top: 10px;
}
.chapter-list span{
	display: inline-block;	
	padding: 0px 2px;
	color: #50BBE8;	
	border: 1px solid #50bbe8;
	cursor:pointer;	
}
.chapter-list span:hover{
	color: #fff;
	background: #50bbe8;
}
.addVideo{
	position: absolute;
	left: 50px;
	top: 32px;
}
.hapters{
	width: 300px;
	margin: 0 auto;
}
.chapter-keep{
	display: inline-block;	
	margin: 50px auto 0px;
	padding: 7px 32px;
	color: #fff;
	background:#50bbe8;	
	cursor:pointer;	
}
.chapter-keep:hover{
	background:#2C97CF;
}
.chapter-err label{
	margin-right: 10px;
}
.chapter-err ul li:last-child{
	padding-left: 37px;
}
.chapter-err-title:hover,
.chapter-err ul li:hover{
	background: #f9f9f9;
	cursor: pointer;
}
.chapter-err-title:hover .chapter-err-change{
	display: block;
}
.chapter-err ul li:hover .chapter-change{
	display: block;
}
.chapter-err ul li,
.chapter-err-title{
	position: relative;
	padding: 3px 4px;
}
.chapter-err-change{
	position: absolute;
	right: 10px;
	top: 5px;
	display:none;
}
.chapter-change{
	position: absolute;
	right: 10px;
	top: 3px;
	display:none;
}
.chapter-change span,
.chapter-err-change span{
	margin-right: 40px;
	padding:1px 5px;
}
.chapter-err-change span:hover,
.chapter-change span:hover{
	color: #fff;
	background: #5AC0EB;
}

/*章节*/
.addChapter{
	padding-left:20px;
	color: #5AC0EB;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #f2f2f2;
}
.addChapter input{
	color: #5AC0EB;
	cursor:pointer;
	font-family: "微软雅黑";
}
.chapter-list{
	position: relative;
}
.chapter-add{
	position: absolute;
	bottom: -60px;
	left: 0px;
}
.chapter-list label,
.chapter-err{
	font-size: 16px;
}
.chapter-list input{
	border: 1px solid rgb(210, 210, 210);
	width: 300px;
	height: 23px;
	margin-left: 11px;
	margin-right: 10px;
	text-indent: 3px;
}
.chapter-list ul{
	padding-left: 13px;
	padding-top: 10px;	
}
.chapter-list ul input{
	margin-left: 0;
}
.chapter-list ul li{
	position: relative;
	margin-top: 10px;
}
.chapter-list span{
	display: inline-block;	
	padding: 0px 2px;
	color: #50BBE8;	
	border: 1px solid #50bbe8;
	cursor:pointer;	
}
.chapter-list span:hover{
	color: #fff;
	background: #50bbe8;
}
.addVideo{
	position: absolute;
	left: 50px;
	top: 32px;
}
.chapter{
	padding-top: 20px;
	margin-bottom: 30px;
}
.hapters{
	width: 300px;
	margin: 0 auto;
}
.chapter-keep{
	display: inline-block;	
	margin: 50px auto 0px;
	padding: 7px 32px;
	color: #fff;
	background:#50bbe8;	
	cursor:pointer;	
}
.chapter-keep:hover{
	background:#2C97CF;
}
.chapter-err label{
	margin-right: 10px;
}
.chapter-err ul{
	text-indent: 25px;
}
.chapter-err ul li:last-child{
	padding-left: 4px;
}
.chapter-err-title:hover,
.chapter-err ul li:hover{
	background: #fff;
	cursor: pointer;
}
.chapter-err-title:hover .chapter-err-change{
	display: block;
}
.chapter-err ul li:hover .chapter-change{
	display: block;
}
.chapter-err ul li,
.chapter-err-title{
	position: relative;
	padding: 3px 0px;
}
.chapter-err-change{
	position: absolute;
	right: 10px;
	top: 2px;
	display:none;
}
.chapter-change{
	position: absolute;
	right: 10px;
	top: 3px;
	display:none;
	background: #fff;
}
.chapter-change input,
.chapter-err-change input{
	margin-right: 40px;
	padding:0px 2px;
	color: #666;
	cursor: pointer;
	font-family: "微软雅黑";	
}
.additional .tasks{
	color: #fff;
}
.chapter-err-change input:hover,
.chapter-change input:hover{
	color: #fff;
	background: #5AC0EB;
}
.chapter-err ul li{
	text-indent: 40px;
	border-bottom: 1px solid #f2f2f2;
}
.chapter-err{
	font-size: 14px;
	color: #666;
	border: 1px solid #f2f2f2;
	border-bottom: none;
}
.chapter-err-title{
	border-bottom: 1px solid #f2f2f2;
	text-indent: 20px;
}
.tasks{
	color: #fff;
	background: #5AC0EB;
}
.chapter-err ul li.two{
	text-indent: 92px;
}
.chapter-err ul li input.task{
	color: #5AC0EB;
	margin-left: 30px;
	cursor: pointer;
}
.add-section{
	color: #5AC0EB;
	font-family: "微软雅黑";
}
.add-chapter{
	padding-left:20px;
	color: #5AC0EB;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #f2f2f2;
}
.add-chapter input{
	color: #5AC0EB;
	cursor:pointer;
	font-family: "微软雅黑";
}
.task:hover,
.section:hover{
	background: #fff;
}
.chapter-err-title label input{
	margin-left: 10px;
	vertical-align: baseline;
	color:#666;
	font-family: "微软雅黑";
}
.chapter-err ul li input{
	vertical-align: baseline;
	font-family: "微软雅黑";
}
.additional ul li:first-child > span input{
	color: #666;
}
.chapter-err-title label{
	position: relative;
	width: 97%;
	display: inline-block;
	
	cursor: pointer;
}
.addLoad{
	text-align: center;
	margin-bottom: 50px;
}
.addLoad span{
	display: inline-block;
	width: 95px;
	height: 35px;
	margin-right: 30px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #5AC0EB;
	cursor: pointer;
}
.addLoad input{
	display: inline-block;
	width: 95px;
	height: 35px;
	margin-right: 30px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #5AC0EB;
	cursor: pointer;
	font-family: "微软雅黑";
}
.addLoad span:first-child{
	color: #666;
	border: 1px solid #d1d1d1;
	background: #f2f2f2;	
}
.two-msg{
	float: right;
	margin-right: 20px;	
}
.two-msg input,
.two-msg em{
	color: #666;
}
.two-msg input{
	text-align: right;
	margin-right: 5px;
}
.additional ul li:first-child>span{
	padding-left: 19px;	
}
.additional ul li span{
	position: relative;
}
.section-icon,
.chapter-icon{
	position: absolute;
	left: 0;
	top: 0px;
	display: inline-block;
	width: 21px;
	height: 17px;
	background: url(../img/prev_select.png) no-repeat left center;
}
.tasks{
	position: relative;
}
.addSection{
	height: 27px;
	line-height: 27px;
	text-indent: 47px;
	color: #5AC0EB;	
	border-bottom: 1px solid #f2f2f2;
}
.addInput{
	color: #666;
	margin-left: 36px;
}
/*章节视频选择弹窗*/	
.popup,.alert-box{ 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(52, 54, 66, 0.9); 
 z-index: 3; 
 overflow-y: auto; 
 visibility: hidden; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; 
 -moz-transition: opacity 0.3s 0, visibility 0 0.3s; 
 transition: opacity 0.3s 0, visibility 0 0.3s; 
} 
.popup.is-visible,.alert-box.is-visible{ 
 visibility: visible; 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0; 
 -moz-transition: opacity 0.3s 0, visibility 0 0; 
 transition: opacity 0.3s 0, visibility 0 0; 
} 
.dialog,.alert-box{ 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background: rgba(52, 54, 66, 0.9); 
 z-index: 3; 
 overflow-y: auto; 
 visibility: hidden; 
 opacity: 0; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; 
 -moz-transition: opacity 0.3s 0, visibility 0 0.3s; 
 transition: opacity 0.3s 0, visibility 0 0.3s; 
} 
.dialog.is-visible,.alert-box.is-visible{ 
 visibility: visible; 
 opacity: 1; 
 -webkit-transition: opacity 0.3s 0, visibility 0 0; 
 -moz-transition: opacity 0.3s 0, visibility 0 0; 
 transition: opacity 0.3s 0, visibility 0 0; 
} 
.enroll-chapter{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -220px;
	margin-top: -170px;
	width: 440px;
	height: 340px;
	background: #fff;
	border-radius: 3px;	
}
.enroll-chapter .title{
	position: relative;
	height: 25px;
	line-height: 25px;
	background: #3bb3df;
	padding-left: 10px;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
.enroll-chapter .title i{
	position: absolute;
	right: 8px;
	top: 6px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/enroll-title-icon.png) no-repeat left center;
	cursor: pointer;
}
.enroll-chapter .bd{
	padding: 10px 20px;
	margin-left: 0;
	
}
.enroll-chapter .bd ul{
	margin-top: 10px;	
	border: 1px solid #ececec;
	background: #f9f9f9;
	height: 200px;
	overflow: auto;
}
.enroll-chapter .bd ul li{
	padding: 3px 5px;	
	cursor: pointer;
}
.enroll-chapter .bd ul li:hover{
	background: #d4d1d4;	
}
.enroll-chapter .bd ul li.active{
	background: #d4d1d4;
}
.chapter-wrap{
	text-align: right;
	padding-right: 30px;
	margin-top: 10px;
}
.chapter-wrap span{
	display: inline-block;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background:#f4f4f4;	
	cursor: pointer;
}
.ensure,
.ensures{
	margin-right: 17px;
}
.ensure:hover,
.ensures:hover{
	background: #e4e2e5;
}
.chapter-wrap .cancel{
	height: 28px;
	border: 1px solid #ececec;
	background:#f4f4f4;	
}
























































































































